<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Developer Toolkit IRC</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">
		
		<!-- Le styles -->
		<link href="../../../css/bootstrap.css" rel="stylesheet">
		<style type="text/css">
			.sidebar-nav {
				padding: 9px 0;
			}
		</style>
		<link href="../../../css/bootstrap-responsive.css" rel="stylesheet">
		<link href="../../../css/default.css" rel="stylesheet">

		<!-- BEGIN Authentication JS -->
		<script type="text/javascript" src="../../../js/aes_encryption.js"></script>
		<script type="text/javascript" src="../../../js/devtk.js"></script>
		<!-- END Authentication JS -->

		<style type="text/css">
			.chat-item {
				/*-webkit-box-shadow:0px 3px 10px #333333;
				margin-top:8px;*/
				margin-bottom:3px;
				width:95%;
			}
			.quote {
				padding-top:4px;
				padding-left:5px;
				padding-bottom:8px;
			}
			.chat-box {
				overflow-y:scroll;
				overflow-x:hidden;
			}
			.user {
				display:block;
			}
			.user-colour {
				margin-top:3px;
				margin-right:4px;
				height:8px;
				width:8px;
				border:1px black solid;
				display:inline-block;
				float:left;
			}
		</style>
	</head>
	<body style="overflow:hidden;">
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span2">
				      <!--Sidebar content-->
					<div class="well sidebar-nav">
						<ul class="nav nav-list">
							<li class="nav-header irc-user-head">IRC Users</li>
							<li class="nav-header irc-highlight-head">IRC Highlights</li>
							<li class="irc-input-highlight"><form action="#create:highlight" method="GET"><input type="text" id="new-highlight" style="width:80%;" placeholder="/regex(expression)/gi" /><form></form></li>
							<li class="nav-header irc-actions-head">Actions</li>
							<li><a href="#action:upload">Upload File</a></li>
							<li><a href="#action:hangout">Google Hangout</a></li>
						</ul>
					</div><!--/.well -->
				</div>
				<div class="span10">
					<div class="page-header">
						<h1><span class="channel">#channel</span> <small class="topic">topic</small></h1>
						<h6><a href="#action:change-topic">Change Topic</a> | <a href="#action:part" class="leave-channel">Leave Channel</a></h6>
					</div>
					<div id="conversations" class="chat-box">
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span2">
					<div class="well">
						<h5><small>Drag and Drop Files and Links</small></h5>
					</div>
				</div>
				<div class="span10" style="padding:0 0 0 0;">
					<textarea style="height:70px;width:99%;margin:0 0 0 0;" name="irctext"></textarea>
				</div>
				
			</div>
		</div>
		
        <!-- SCRIPTS -->
        <!-- jQuery / Bootstrap -->
        <script src="../../../js/jquery.js"></script>
        <!-- <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script> -->
        <script src="../../../js/jquery.scrollTo-1.4.2-min.js"></script>
		<script src="../../../js/bootstrap-transition.js"></script>
		<script src="../../../js/bootstrap-alert.js"></script>
		<script src="../../../js/bootstrap-modal.js"></script>
		<script src="../../../js/bootstrap-dropdown.js"></script>
		<script src="../../../js/bootstrap-scrollspy.js"></script>
		<script src="../../../js/bootstrap-tab.js"></script>
		<script src="../../../js/bootstrap-tooltip.js"></script>
		<script src="../../../js/bootstrap-popover.js"></script>
		<script src="../../../js/bootstrap-button.js"></script>
		<script src="../../../js/bootstrap-collapse.js"></script>
		<script src="../../../js/bootstrap-carousel.js"></script>
		<script src="../../../js/bootstrap-typeahead.js"></script>
    
		<!-- Page Specific -->
		<script src="irc.js"></script>
		<script src="chat.js"></script>
		<script type="text/javascript" src="../../../js/window.js"></script>
		
		<script type="text/javascript">
			setup_window(function(){
				try{
					irc.disconnect();
				} catch( e ) { }
				Titanium.UI.getCurrentWindow().close();
			});
		</script>
	</body>
</html>